@charset "utf-8";

  * {
  	padding: 0;
  	margin: 0;
  }
.my-footer{
	display:flex;
	width:100%;
}
  .toper {
  	width: 400px;;
  	height: 200px;
  	background-color: #666;
  }
	.toper>h3{
		font-size: 20px;
		color:#fff;
		padding:30px 0 20px 0px;
		
	}
	.toper>img{
		width:100px;
		height:100px;	
		padding:0 0 20px 0px;
	}
.bottom{
  	width: 100%;
  	height: 200px;
  	background-color: #666;	
  }
  .bottom1{
    	width: 400;
    	height: 200px;
    	background-color: #666;
	     margin-left:100px; 
    }
  .bottom1>a{
	  display:inline-block;
	  color:#fff;
	  font-size: 18px;
	  padding:10px 0px 0 0;
	  white-space: nowrap;
	
  }
  .bottom1>span:first-child{
	   display:inline-block;
	  color:#fff;
	  font-size: 18px;
	  padding-top:30px;	
		white-space: nowrap;
  }
  .bottom1>span:last-child{
  	   display:inline-block;
  	  color:#fff;
  	  font-size: 14px;
  	  padding-top:30px;
	  white-space: nowrap;
  }